<!-- 回复导航标签开始 -->
<div class="section" id="posts-scroll-nav">
  <nav class="tabbable">
      <div class="nav nav-tabs" id="nav-tab" role="tablist">
          <a [ngClass]="{'active': replyCategory === 'all'}" class="nav-item nav-link" href="javascript:;" (click)="toggleTab('all')">列表</a>
          <a [ngClass]="{'active': replyCategory === 'master'}" class="nav-item nav-link" href="javascript:;" (click)="toggleTab('master')">仅看楼主</a>
      </div>
  </nav>
  <div class="sortools">
    <div class="btn-group" role="group" aria-label="Basic example">
      <button type="button" class="btn btn-sm btn-light" [ngClass]="{'active': replySort === 'asc'}" (click)="toggleSort('asc')">升序</button>
      <button type="button" class="btn btn-sm btn-light" [ngClass]="{'active': replySort === 'desc'}" (click)="toggleSort('desc')">降序</button>
    </div>
  </div>
</div>
<!-- 回复导航标签结束 -->

<div *ngIf="items.length ===0"><h6 class="no-record-tip">沙发正在向你移动</h6></div>
<div class="embed_topic_item main-color" *ngFor="let item of items">
  <!-- 回复的作者 -->
  <app-member-item-embed [member]="item.memberVo" 
                            [publishDate]="item.replyVo.entryDateTime" 
                            [author]="threads.member"
                            [replyFloor]="item.replyVo.floor" 
                            [replyId]="item.replyVo.id"></app-member-item-embed>
  <!-- 回复的内容 -->
  <app-reply-item-embed [reply]="item.replyVo"></app-reply-item-embed>
  <!-- 回复的喜好记录 -->
  <app-reply-item-mood-embed [mood]="getMoodRecord(item.replyVo.id)" (moodAction)="addMoodRecord($event)"></app-reply-item-mood-embed>
</div>
<p (click)="anymore($event)" *ngIf="hasNext" class="main-link anymore-btn next-page-tip" role="button">点击加载更多</p>
